import StyledComponentsRegistry from '../lib/AntdRegistry'
import { Providers as ReactQueryRegistry } from '../lib/ReactQueryRegistry'
import Header from '@/components/Header'
import theme from '../theme/themeConfig'
import { ConfigProvider } from 'antd'
import zhCN from 'antd/locale/zh_CN'
import JotaiRegistry from '@/lib/JotaiRegistry'
// import icoSrc from '@/public/favicon.ico'

import './reset.css'
import './globals.css'

export const metadata = {
    title: '矛盾纠纷知识图谱平台',
    description: '矛盾纠纷知识图谱平台',
    icons: {
        icon: '/favicon.ico',
    }
}

export default function RootLayout({ children }) {
  return (
        <html lang="en">
            <body className={`bg-gray-100 h-full`}>
                <ReactQueryRegistry>
                    <JotaiRegistry>
                        <StyledComponentsRegistry>
                            <ConfigProvider theme={theme} locale={zhCN}>
                                <Header />
                                {children}
                            </ConfigProvider>
                        </StyledComponentsRegistry>
                    </JotaiRegistry>
                </ReactQueryRegistry>
            </body>
        </html>
  )
}
